<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>堆糖，美好生活研究所</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>

    <header>
        <div class="header clearfix">
            <div class="header-left clearfix">
                
                <div class="left-1">
                    <img src="images/header1-1.jpg" alt="">
                </div>

                <div class="p1">
                    <a href="">
                        <span>分类</span>
                        <img src="images/header1-2.jpg" alt="">
                    </a>
                </div>

                <div class="left-2 clearfix">
                    <input type="text" value="搜索感兴趣的内容" class="input1">
                    <a href="">
                        <input type="text" class="input2">
                        <img src="images/header1-3.jpg" alt="">
                    </a>
                </div>
            </div>

            <div class="header-right">

                <span class="span5">
                    <a href="">堆糖生活家</a>
                </span>
                <span class="span1">
                    <a href="">注册/登录</a>
                </span>
            </div>

        </div>
    </header>
    
    <div class="header2-inner">
        <div class="header2">
            <img src="images/nav.png" alt="">
        </div>
    </div>


    <main>
        <div class="main">
            <div class="main-1 clearfix">
                <div class="main1-left">

                    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="images/banner1.png" class="d-block w-100" alt="...">
                            </div>
                            <div class="carousel-item">
                                <img src="images/banner2.jpeg" class="d-block w-100" alt="...">
                            </div>
                            <div class="carousel-item">
                                <img src="images/banner3.jpeg" class="d-block w-100" alt="...">
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>

                </div>

                <div class="main1-right">
                    <h3>社区热点</h3>

                    <div class="main1-2">
                        <p>
                            <span><a href="">欧美风</a></span>
                            <span class="span2"><a href="">美甲</a></span>
                            <span><a href="">东宫</a></span>
                        </p>
                        <p>
                            <span><a href="">张云雷</a></span>
                            <span class="span2"><a href="">插画</a></span>
                            <span><a href="">女生节</a></span>
                        </p>
                        <p>
                            <span><a href="">阿丽塔</a></span>
                            <span class="span2"><a href="">猫</a></span>
                        </p>
                    </div>

                    <div class="main1-3">
                        <p>
                            <span class="span3">精选</span><span class="span4"><a href="">招募 ● 少女感养成学院</a></span>
                        </p>
                        <p>
                            <span class="span3">工具</span><span class="span4"><a href="">堆糖收图小助手</a></span>
                        </p>
                    </div>
                    
                    <div class="main1-4 clearfix">
                        <img src="images/banner-r.png" alt="">
                        <div class="xia">
                            <h4>堆糖 - 美好生活研究所</h4>
                            <p>最佳生活类应用</p>
                            <span><a href="">立即下载</a></span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="main-2 clearfix">
                <div class="l clearfix">
                    <div class="main2-left">
                        <div class="a1">
                            <img src="images/main2-left1.jpg" alt="">
                            <a href="">每日精选</a>
                        </div>
                        <div class="a2">
                            <a href="">关注动态</a>
                        </div>
                    </div>
                </div>
                <div class="main2-middle">
                    <div class="main2-1">
                        <div class="top clearfix">
                            <img src="images/main2-middle-1.jpg" alt="">
                            <div class="top-1">
                                <h5>堆糖小喇叭</h5>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="top2">
                            <p>留下壁纸，我们就是朋友！</p>
                            <img src="images/main2-middle-2.jpg" alt="" class="img3">
                        </div>
                        <div class="bottom clearfix">
                            <div class="tu1">
                                <img src="images/main2-middle-3.jpg" alt="">
                                <span>140</span>
                            </div>
                            <div class="tu2">
                                <img src="images/main2-middle-4.jpg" alt="">
                                <span>219</span>
                            </div>
                            <div class="tu3">
                                <img src="images/main2-middle-5.jpg" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="main2-1">
                        <div class="top clearfix">
                            <img src="images/a1.png" alt="">
                            <div class="top-1">
                                <h5>coloroom彩条屋</h5>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="top2">
                            <p>让观众苦等十年的《夏目友人帐》，到底是什么？</p>
                            <img src="images/a2.png" alt="" class="img3">
                        </div>
                        <div class="bottom clearfix">
                            <div class="tu1">
                                <img src="images/main2-middle-3.jpg" alt="">
                                <span>1228</span>
                            </div>
                            <div class="tu2">
                                <img src="images/main2-middle-4.jpg" alt="">
                                <span>1581</span>
                            </div>
                            <div class="tu3">
                                <img src="images/main2-middle-5.jpg" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="main2-1">
                        <div class="top clearfix">
                            <img src="images/a3.png" alt="">
                            <div class="top-1">
                                <h5>美少女PINK酱</h5>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="top2">
                            <p>9.9包邮的宿舍神器，好用死了！连查寝老师都跟我要连接！</p>
                            <img src="images/a4.png" alt="" class="img3">
                        </div>
                        <div class="bottom clearfix">
                            <div class="tu1">
                                <img src="images/main2-middle-3.jpg" alt="">
                                <span>161</span>
                            </div>
                            <div class="tu2">
                                <img src="images/main2-middle-4.jpg" alt="">
                                <span>765</span>
                            </div>
                            <div class="tu3">
                                <img src="images/main2-middle-5.jpg" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="main2-1">
                        <div class="top clearfix">
                            <img src="images/a5.png" alt="">
                            <div class="top-1">
                                <h5>-你是我全世界最喜欢的猪-</h5>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="top2">
                            <p>有哪些适合摘抄的文艺且悲凉的句子？</p>
                            <img src="images/a6.png" alt="" class="img3">
                        </div>
                        <div class="bottom clearfix">
                            <div class="tu1">
                                <img src="images/main2-middle-3.jpg" alt="">
                                <span>82</span>
                            </div>
                            <div class="tu2">
                                <img src="images/main2-middle-4.jpg" alt="">
                                <span>274</span>
                            </div>
                            <div class="tu3">
                                <img src="images/main2-middle-5.jpg" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="main2-1">
                        <div class="top clearfix">
                            <img src="images/a7.png" alt="">
                            <div class="top-1">
                                <h5>干脆面炼金术士</h5>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="top2">
                            <p>人生的意义，在于一天比一天活得快乐</p>
                            <img src="images/a8.png" alt="" class="img3">
                        </div>
                        <div class="bottom clearfix">
                            <div class="tu1">
                                <img src="images/main2-middle-3.jpg" alt="">
                                <span>54</span>
                            </div>
                            <div class="tu2">
                                <img src="images/main2-middle-4.jpg" alt="">
                                <span>104</span>
                            </div>
                            <div class="tu3">
                                <img src="images/main2-middle-5.jpg" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="main2-1">
                        <div class="top clearfix">
                            <img src="images/main2-middle-1.jpg" alt="">
                            <div class="top-1">
                                <h5>堆糖小喇叭</h5>
                                <p>主题-我曾为你动过情</p>
                            </div>
                        </div>
                        <div class="top2">
                            <p>我曾为你动过情</p>
                            <img src="images/a9.png" alt="" class="img3">
                        </div>
                        <div class="bottom clearfix">
                            <div class="tu1">
                                <img src="images/main2-middle-3.jpg" alt="">
                                <span>300</span>
                            </div>
                            <div class="tu2">
                                <img src="images/main2-middle-4.jpg" alt="">
                                <span>665</span>
                            </div>
                            <div class="tu3">
                                <img src="images/main2-middle-5.jpg" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="main2-1">
                        <div class="top clearfix">
                            <img src="images/a5.png" alt="">
                            <div class="top-1">
                                <h5>-你是我去世界最喜欢的猪-</h5>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="top2">
                            <p>登上79所高校学生借阅排行榜的九本书。</p>
                            <img src="images/a0.png" alt="" class="img3">
                        </div>
                        <div class="bottom clearfix">
                            <div class="tu1">
                                <img src="images/main2-middle-3.jpg" alt="">
                                <span>59</span>
                            </div>
                            <div class="tu2">
                                <img src="images/main2-middle-4.jpg" alt="">
                                <span>151</span>
                            </div>
                            <div class="tu3">
                                <img src="images/main2-middle-5.jpg" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="main2-1">
                        <div class="top clearfix">
                            <img src="images/b1.png" alt="">
                            <div class="top-1">
                                <h5>情写风月</h5>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="top2">
                            <p>799风景内侧美化包</p>
                            <img src="images/b2.png" alt="" class="img3">
                        </div>
                        <div class="bottom clearfix">
                            <div class="tu1">
                                <img src="images/main2-middle-3.jpg" alt="">
                                <span>35</span>
                            </div>
                            <div class="tu2">
                                <img src="images/main2-middle-4.jpg" alt="">
                                <span>22</span>
                            </div>
                            <div class="tu3">
                                <img src="images/main2-middle-5.jpg" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="main2-1">
                        <div class="top clearfix">
                            <img src="images/b3.png" alt="">
                            <div class="top-1">
                                <h5>审</h5>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="top2">
                            <p>火影你们粉谁留名我去截头像！</p>
                            <img src="images/b4.png" alt="" class="img3">
                        </div>
                        <div class="bottom clearfix">
                            <div class="tu1">
                                <img src="images/main2-middle-3.jpg" alt="">
                                <span>9</span>
                            </div>
                            <div class="tu2">
                                <img src="images/main2-middle-4.jpg" alt="">
                                <span>1</span>
                            </div>
                            <div class="tu3">
                                <img src="images/main2-middle-5.jpg" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="main2-1">
                        <div class="top clearfix">
                            <img src="images/a3.png" alt="">
                            <div class="top-1">
                                <h5>美少女PINK酱</h5>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="top2">
                            <p>初春外套美炸天！！第一件闺蜜追着我要链接！！</p>
                            <img src="images/b5.png" alt="" class="img3">
                        </div>
                        <div class="bottom clearfix">
                            <div class="tu1">
                                <img src="images/main2-middle-3.jpg" alt="">
                                <span>57</span>
                            </div>
                            <div class="tu2">
                                <img src="images/main2-middle-4.jpg" alt="">
                                <span>126</span>
                            </div>
                            <div class="tu3">
                                <img src="images/main2-middle-5.jpg" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="main2-1">
                        <div class="top clearfix">
                            <img src="images/b6.png" alt="">
                            <div class="top-1">
                                <h5>少女感养成学院</h5>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="top2">
                            <p>同桌的你</p>
                            <img src="images/b7.png" alt="" class="img3">
                        </div>
                        <div class="bottom clearfix">
                            <div class="tu1">
                                <img src="images/main2-middle-3.jpg" alt="">
                                <span>89</span>
                            </div>
                            <div class="tu2">
                                <img src="images/main2-middle-4.jpg" alt="">
                                <span>106</span>
                            </div>
                            <div class="tu3">
                                <img src="images/main2-middle-5.jpg" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="main2-1">
                        <div class="top clearfix">
                            <img src="images/main2-middle-1.jpg" alt="">
                            <div class="top-1">
                                <h5>堆糖小喇叭</h5>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="top2">
                            <p>我的CP真香！</p>
                            <img src="images/b8.png" alt="" class="img3">
                        </div>
                        <div class="bottom clearfix">
                            <div class="tu1">
                                <img src="images/main2-middle-3.jpg" alt="">
                                <span>91</span>
                            </div>
                            <div class="tu2">
                                <img src="images/main2-middle-4.jpg" alt="">
                                <span>107</span>
                            </div>
                            <div class="tu3">
                                <img src="images/main2-middle-5.jpg" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="main2-1">
                        <div class="top clearfix">
                            <img src="images/b9.png" alt="">
                            <div class="top-1">
                                <h5>白日做梦大熊</h5>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="top2">
                            <img src="images/b0.png" alt="" class="img3">
                        </div>
                        <div class="bottom clearfix">
                            <div class="tu1">
                                <img src="images/main2-middle-3.jpg" alt="">
                                <span>78</span>
                            </div>
                            <div class="tu2">
                                <img src="images/main2-middle-4.jpg" alt="">
                                <span>76</span>
                            </div>
                            <div class="tu3">
                                <img src="images/main2-middle-5.jpg" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="main2-1">
                        <div class="top clearfix">
                            <img src="images/a5.png" alt="">
                            <div class="top-1">
                                <h5>-你是我全世界最喜欢的猪-</h5>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="top2">
                            <p>有哪些好看值得回味的电影？</p>
                            <img src="images/c1.png" alt="" class="img3">
                        </div>
                        <div class="bottom clearfix">
                            <div class="tu1">
                                <img src="images/main2-middle-3.jpg" alt="">
                                <span>80</span>
                            </div>
                            <div class="tu2">
                                <img src="images/main2-middle-4.jpg" alt="">
                                <span>293</span>
                            </div>
                            <div class="tu3">
                                <img src="images/main2-middle-5.jpg" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="main2-1">
                        <div class="top clearfix">
                            <img src="images/c2.png" alt="">
                            <div class="top-1">
                                <h5>堆糖Class小助手</h5>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="top2">
                            <p>伴随一生的「少女感」，拥有它一点也不难</p>
                            <img src="images/c3.png" alt="" class="img3">
                        </div>
                        <div class="bottom clearfix">
                            <div class="tu1">
                                <img src="images/main2-middle-3.jpg" alt="">
                                <span>34</span>
                            </div>
                            <div class="tu2">
                                <img src="images/main2-middle-4.jpg" alt="">
                                <span>41</span>
                            </div>
                            <div class="tu3">
                                <img src="images/main2-middle-5.jpg" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="main2-1">
                        <div class="top clearfix">
                            <img src="images/c4.png" alt="">
                            <div class="top-1">
                                <h5>飞乐鸟</h5>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="top2">
                            <p>女生千万别看这些言情小说......不然会被里面的沙雕桥段给</p>
                            <img src="images/c5.png" alt="" class="img3">
                        </div>
                        <div class="bottom clearfix">
                            <div class="tu1">
                                <img src="images/main2-middle-3.jpg" alt="">
                                <span>68</span>
                            </div>
                            <div class="tu2">
                                <img src="images/main2-middle-4.jpg" alt="">
                                <span>63</span>
                            </div>
                            <div class="tu3">
                                <img src="images/main2-middle-5.jpg" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="main2-1">
                        <div class="top clearfix">
                            <img src="images/a3.png" alt="">
                            <div class="top-1">
                                <h5>美少女PINK酱</h5>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="top2">
                            <p>7个私藏的小众APP，实用又有bigger，用过三款算我输！</p>
                            <img src="images/c6.png" alt="" class="img3">
                        </div>
                        <div class="bottom clearfix">
                            <div class="tu1">
                                <img src="images/main2-middle-3.jpg" alt="">
                                <span>139</span>
                            </div>
                            <div class="tu2">
                                <img src="images/main2-middle-4.jpg" alt="">
                                <span>461</span>
                            </div>
                            <div class="tu3">
                                <img src="images/main2-middle-5.jpg" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="main2-1">
                        <div class="top clearfix">
                            <img src="images/a5.png" alt="">
                            <div class="top-1">
                                <h5>-你是我全世界最喜欢的猪-</h5>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <div class="top2">
                            <p>中国最全的拨弦击弦类乐器合集种类十分多涨姿势了。</p>
                            <img src="images/c7.png" alt="" class="img3">
                        </div>
                        <div class="bottom clearfix">
                            <div class="tu1">
                                <img src="images/main2-middle-3.jpg" alt="">
                                <span>42</span>
                            </div>
                            <div class="tu2">
                                <img src="images/main2-middle-4.jpg" alt="">
                                <span>71</span>
                            </div>
                            <div class="tu3">
                                <img src="images/main2-middle-5.jpg" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="main2-2">
                        <span><a href="">查看更多</a></span>
                        <img src="images/main2-2.jpg" alt="">
                    </div>
                </div>

                <div class="main2-right">
                    <div class="right1 clearfix">
                        <h5>推荐关注</h5>
                        <span>换一批</span>
                    </div>
                    <div class="right2">
                        <div class="b1 clearfix">
                            <img src="images/section-r1.png" alt="">
                            <div class="n1">
                                <h6>一望损莓苔</h6>
                                <p>擅长领域：手工，园艺</p>
                            </div>
                            <span><a href="">关注</a></span>
                        </div>
                        <div class="b1 clearfix">
                            <img src="images/section-r2.png" alt="">
                            <div class="n1">
                                <h6>猫头鹰叔叔</h6>
                                <p>擅长领域：摄影</p>
                            </div>
                            <span><a href="">关注</a></span>
                        </div>
                        <div class="b1 clearfix">
                            <img src="images/section-r3.png" alt="">
                            <div class="n1">
                                <h6>兔纸鱼</h6>
                                <p>擅长领域：Q版</p>
                            </div>
                            <span><a href="">关注</a></span>
                        </div>
                        <div class="b1 clearfix">
                            <img src="images/section-r4.png" alt="">
                            <div class="n1">
                                <h6>小熊奶黄包</h6>
                                <p>擅长领域：壁纸，Q版</p>
                            </div>
                            <span><a href="">关注</a></span>
                        </div>
                    </div>
                    <div class="right3">
                            <span><a href="">查看更多</a></span>
                            <img src="images/right3.jpg" alt="">
                    </div>
                </div>
                <div class="right4">
                    <img src="images/section-r-b.png" alt="">
                </div>
            </div>
        </div>
    </main>


    <footer>
        <div class="footer">
            <div class="footer-top clearfix">

                <div class="top-left">
                    <h5>APP下载</h5>
                    <img src="images/footer-1.jpg" alt="">
                    <p>扫描二维码</p>
                    <p>下载堆糖手机客户端</p>
                </div>

                <div class="top-right clearfix">
                    <div class="u1">
                        <h5>关于我们</h5>
                        <ul>
                            <li><a href="">关于我们</a></li>
                            <li><a href="">加入我们</a></li>
                            <li><a href="">联系我们</a></li>
                            <li><a href="">商务合作</a></li>
                        </ul>
                    </div>
                    <div class="u2">
                        <h5>关注我们</h5>
                        <ul>
                            <li><a href="">新浪微博</a></li>
                            <li><a href="">微信公众号</a></li>
                        </ul>
                    </div>
                    <div class="u3">
                        <h5>友情链接</h5>
                        <ul>
                            <li><a href="">爱物网</a></li>
                            <li><a href="">肉丁网</a></li>
                            <li><a href="">东方女性网</a></li>
                            <li><a href="">更多...</a></li>
                        </ul>
                    </div>
                </div>

            </div>

            <div class="footer-bottom">
                <p class="p2">&copy;2019 duitang.com 版权所有。沪ICP备10D38D86号-3 <img src="images/footer-2.jpg" alt="" class="img1"><img src="images/footer-3.jpg" alt="" class="img2">| 增值电信业务经营许可证：浙B2-20180610 自经营者信息</p>
                <p><img src="images/footer-4.jpg" alt="">上海市互联网违法和不良信息举报中心 | 有害内容举报电话：021-63462282</p>
            </div>
        </div>
    </footer>


    <div id="wn"><img src="images/fhdb.png" alt=""></div>


    <script src="js/script.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>